<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>耳机搜索页</title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/header.css" />
	<link rel="stylesheet" type="text/css" href="css/search.css" />
	<link rel="stylesheet" type="text/css" href="css/footer.css" />
	<link rel="stylesheet" type="text/css" href="css/headhover.css" />

	<body>
		<div id="header"onmouseover="closeproduct()">
			<div id="headermain">
				<ul class="fl">
					<li>
						<a href="#">小米商城</a><span>|</span>
					</li>
					<li>
						<a href="#">MUI</a><span>|</span>
					</li>
					<li>
						<a href="#">米聊</a><span>|</span>
					</li>
					<li>
						<a href="#">游戏</a><span>|</span>
					</li>
					<li>
						<a href="#">多看阅读</a><span>|</span>
					</li>
					<li>
						<a href="#">云服务</a><span>|</span>
					</li>
					<li>
						<a href="#">金融</a><span>|</span>
					</li>
					<li>
						<a href="#">小米商城移动版</a><span>|</span>
					</li>
					<li>
						<a href="#">问题反馈</a><span>|</span>
					</li>
					<li>
						<a href="#">Select Region</a>
					</li>
				</ul>

				<ul class="fr">
					<li>
						<a href="login.html">登录</a><span>|</span>
						<a href="register.html">注册</a>
					</li>
					<li style="padding-right: 25px;">
						<a href="#">消息通知</a>
					</li>
					<li class="lispecial">
						<a href="carbubble.html">购物车（0）</a>
						<div class="lihover1">
							购物车中还没有商品，赶紧选购吧！
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="main">
			<div id="nav">
				<div class="navhover" onmouseover="shownav()">
					<div class="logo fl">
						<img src="img/SY/logo.png" title="小米商城" /> <span style="float: right;margin-top: 0px;margin-right: 20px;">全部商品分类</span>
					</div>
				</div>

				<ul class="fl">
					<li onmouseover="showproduct('titlehover-main1')">
						<a href="#">小米手机</a>
					</li>
					<li onmouseover="showproduct('titlehover-main2')">
						<a href="#">红米</a>
					</li>
					<li onmouseover="showproduct('titlehover-main3')">
						<a href="#">平板 . 笔记本</a>
					</li>
					<li onmouseover="showproduct('titlehover-main4')">
						<a href="#">电视</a>
					</li>
					<li onmouseover="showproduct('titlehover-main5')">
						<a href="#">盒子 .影音</a>
					</li>
					<li onmouseover="showproduct('titlehover-main6')">
						<a href="#">路由器</a>
					</li>
					<li onmouseover="showproduct('titlehover-main7')">
						<a href="#">智能硬件</a>
					</li>
					<li >
						<a href="#">服务</a>
					</li>
					<li >
						<a href="#">社区</a>
					</li>
				</ul>
				<div class="search fr">
					<input type="text" name="" id="" value="耳机" class="searchtxt"style="text-align: left;text-indent: 10px;" />
					<input type="button" name="" id="" value="" class="searchbtn" />
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div id="titlehover"onmouseleave="closeproduct()">
				<ul id="titlehover-main1">
					<li>
						<span id="biaoqian">
							新品
						</span>
						<div class="picture">
							<img src="img/search/xm6-320.png" width="160px"/>
						</div>
						<p><a href="#">小米6</a></p>
						<p class="price">2499元起</p>
					</li>
					<li>
						<span id="biaoqian">
							现货
						</span>
						<div class="picture">
							<img src="img/search/max2_toubu.png" width="160px"/>
						</div>
						<p><a href="#">小米Max 2</a></p>
						<p class="price">1699元起</p>
					</li>
					<li>
						<span id="biaoqian">
							下单立减300
						</span>
						<div class="picture">
							<img src="img/search/xiaomiNOTE2-320-220!160x110.jpg" width="160"px/>
						</div>
						<p><a href="#">小米Note 2</a></p>
						<p class="price">2799元起</p>
					</li>
					<li>
						<span id="biaoqian">
							特惠250
						</span>
						<div class="picture">
							<img src="img/search/MIX-320-220!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米MIX</a></p>
						<p class="price">3499元起</p>
					</li>
					<li>
						<span id="biaoqian">
							下单立减200
						</span>
						<div class="picture">
							<img src="img/search/mi5s-320.png" width="160px"/>
						</div>
						<p><a href="#">小米5s</a></p>
						<p class="price">1999元</p>
					</li>
					<li >
						<span id="biaoqian">
							立减200
						</span>
						<div class="picture"style="border: none;">
							<img src="img/search/320-2202!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米手机5c</a></p>
						<p class="price">1299元</p>
					</li>
				</ul>
				<ul id="titlehover-main2">
					<li>
						<span id="biaoqian">
							热卖
						</span>
						<div class="picture">
							<img src="img/search/hmn4xtb!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">红米Note 4X</a></p>
						<p class="price">999元起</p>
					</li>
					<li>
						<span id="biaoqian">
							热卖
						</span>
						<div class="picture">
							<img src="img/search/hm4x!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">红米4X</a></p>
						<p class="price">699元起</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
							
						</span> 
						<div class="picture"style="border: none;">
							<img src="img/search/320-2202!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">红米4</a></p>
						<p class="price">799元起</p>
					</li>
				</ul>
				<ul id="titlehover-main3">
					<li>
						<span id="biaoqian"style="border: none;">
							
						</span>
						<div class="picture">
							<img src="img/search/mipad3_320.png" width="160px"/>
						</div>
						<p><a href="#">小米平板3 64GB</a></p>
						<p class="price">1499元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
							
						</span>
						<div class="picture">
							<img src="img/search/bijiben32012.5!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米笔记本Air 12.5"</a></p>
						<p class="price">3599元起</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
							
						</span> 
						<div class="picture"style="border: none;">
							<img src="img/search/bijiben320!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米笔记本Air 13.3"</a></p>
						<p class="price">4799元起</p>
					</li>
				</ul>
				<ul id="titlehover-main4">
					<li>
						<span id="biaoqian">
							新品
						</span>
						<div class="picture">
							<img src="img/search/xmds_49.png" width="160px"/>
						</div>
						<p><a href="#">小米电视4 49英寸</a></p>
						<p class="price">3499元</p>
					</li>
					<li>
						<span id="biaoqian">
							新品
						</span>
						<div class="picture">
							<img src="img/search/xmds_55.png" width="160px"/>
						</div>
						<p><a href="#">小米电视4.55英寸</a></p>
						<p class="price">4299元</p>
					</li>
					<li>
						<span id="biaoqian">
							新品
						</span>
						<div class="picture">
							<img src="img/search/daohang.png" width="160px"/>
						</div>
						<p><a href="#">小米电视4A 32英寸</a></p>
						<p class="price">1099元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
							
						</span>
						<div class="picture">
							<img src="img/search/320_43.png" width="160px"/>
						</div>
						<p><a href="#">小米电视4 43英寸</a></p>
						<p class="price">1899元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						
						</span>
						<div class="picture">
							<img src="img/search/320_49.png" width="160px"/>
						</div>
						<p><a href="#">小米电视4A 49英寸</a></p>
						<p class="price">2299元起</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture"style="border: none;">
							<img src="img/search/70dianshi.png" width="160px"/>
						</div>
						<p><a href="#">查看全部</a></p>
						<p>小米电视</p>
					</li>
				</ul>
				<ul id="titlehover-main5">
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/mihezi.png" width="160px"/>
						</div>
						<p><a href="#">小米盒子3S</a></p>
						<p class="price">299元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
							
						</span>
						<div class="picture">
							<img src="img/search/mihezi.png" width="160px"/>
						</div>
						<p><a href="#">小米盒子3c</a></p>
						<p class="price">199元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/hezi3s!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米电视4A 32英寸</a></p>
						<p class="price">1099元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						
						</span>
						<div class="picture" style="border: none;">
							<img src="img/search/320x220.png" width="160px"/>
						</div>
						<p><a href="#">小米家庭影院</a></p>
						<p class="price">1999元</p>
					</li>
				</ul>
				<ul id="titlehover-main6">
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/HD-Pro.png" width="160px"/>
						</div>
						<p><a href="#">小米路由器HD/Pro</a></p>
						<p class="price">499元起</p>
					</li>
					<li>
						<span id="biaoqian">
							新品
						</span>
						<div class="picture">
							<img src="img/search/3G.png" width="160px"/>
						</div>
						<p><a href="#">小米路由器3G</a></p>
						<p class="price">249元</p>
					</li>
					<li>
						<span id="biaoqian">
							包邮
						</span>
						<div class="picture">
							<img src="img/search/xmlyq3.png" width="160px"/>
						</div>
						<p><a href="#">小米路由器 3</a></p>
						<p class="price">149元</p>
					</li>
					<li>
						<span id="biaoqian">
						    包邮
						</span>
						<div class="picture" style="border: none;">
							<img src="img/search/3C.png" width="160px"/>
						</div>
						<p><a href="#">小米路由器3c</a></p>
						<p class="price">99元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/dlm01.png" width="160px"/>
						</div>
						<p><a href="#">小米WiFi电力猫</a></p>
						<p class="price">249元起</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/fdq2!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米WiFi放大器2</a></p>
						<p class="price">49元起</p>
					</li>
				</ul>
				<ul id="titlehover-main7">
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/tzc320!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米体脂机</a></p>
						<p class="price">199元</p>
					</li>
					<li>
						<span id="biaoqian">
							包邮
						</span>
						<div class="picture">
							<img src="img/search/sh2-320-220.png" width="160px"/>
						</div>
						<p><a href="#">小米手环2</a></p>
						<p class="price">149元</p>
					</li>
					<li>
						<span id="biaoqian">
							新品
						</span>
						<div class="picture">
							<img src="img/search/jsqcs-320-220.png" width="160px"/>
						</div>
						<p><a href="#">小米净水器</a></p>
						<p class="price">1499元起</p>
					</li>
					<li>
						<span id="biaoqian">
						    新品
						</span>
						<div class="picture">
							<img src="img/search/xmvrplay2.png" width="160px"/>
						</div>
						<p><a href="#">小米VR眼镜 PLAY2</a></p>
						<p class="price">99元</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/dfb!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">小米IH电饭煲</a></p>
						<p class="price">399元起</p>
					</li>
					<li>
						<span id="biaoqian"style="border: none;">
						</span>
						<div class="picture">
							<img src="img/search/air2!160x110.jpg" width="160px"/>
						</div>
						<p><a href="#">查看全部</a></p>
						<p class="price">智能硬件</p>
					</li>
				</ul>
		</div>
		<div id="search-nav">
			<div class="leftnav " onmouseleave="showclose()"style="position: absolute;z-index: 1;">
				<ul>
					<li>
						<a href="#">手机</a>
						<a href="#">电话卡</a><span><strong  >></strong></span>
						<div class="subleftnav1 subleftnav">
							<ul>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/xm6_80.png" align="center" /></a>
											<a href="#">小米6</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/xm6_80.png" align="center" /></a>
											<a href="#">小米手机5</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/compare.jpg" align="center" /></a>
											<a href="#">对比手机</a>
										</li>
									</ul>
								</li>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/5c_80.png" align="center" /></a>
											<a href="#">小米手机5c</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/hmn4x80.png" align="center" /></a>
											<a href="#">红米Note4x</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/mimobile.jpg" align="center" /></a>
											<a href="#">小米移动 电话卡</a>
										</li>
									</ul>

								</li>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/xmNOTE2-80.jpg" align="center" /></a>
											<a href="#">红米Note 2</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/hmnote4-80.jpg" align="center" /></a>
											<a href="#">红米Note 4</a><input type="button" name="" id="" value="" class="inputxg" /></li>
									</ul>
								</li>
								<div style="clear: both;"></div>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/MIX-80.jpg" align="center" /></a>
											<a href="#">小米MIX</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/hm4x_80.png" align="center" /></a>
											<a href="#">红米Note 4X</a><input type="button" name="" id="" value="" class="inputxg" /></li>
									</ul>
								</li>
								<div style="clear: both;"></div>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/xm5S-80.jpg" align="center" /></a>
											<a href="#">小米5s</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/hm4-80.jpg" align="center" /></a>
											<a href="#">红米4</a><input type="button" name="" id="" value="" class="inputxg" /></li>
									</ul>
								</li>
								<div style="clear: both;"></div>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/xm5S-plus-80.jpg" align="center" /></a>
											<a href="#">小米5s Plus</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/hm4A-80.jpg" align="center" /></a>
											<a href="#">红米 4A</a><input type="button" name="" id="" value="" class="inputxg" /></li>
									</ul>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">笔记本</a>
						<a href="#">平板</a><span><strong >></strong></span>
						<div class="subleftnav2 subleftnav">
							<ul>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/bijiben80.jpg" align="center" /></a>
											<a href="#">笔记本12.5英寸</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/ymjp80.jpg" align="center" /></a>
											<a href="#">悦米机械键盘</a>
										</li>
									</ul>
								</li>
								<div style="clear: both;"></div>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/bijiben80.jpg" align="center" /></a>
											<a href="#">笔记本13.3英寸</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/shubiao80.jpg" align="center" /></a>
											<a href="#">小米便携鼠标</a>
										</li>
									</ul>
								</li>
								<div style="clear: both;"></div>
								<li>
									<ul>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/mipad3_80.jpg" align="center" /></a>
											<a href="#">小米平板3</a><input type="button" name="" id="" value="" class="inputxg" /></li>
										<li class="shangpin">
											<a href="#"><img src="img/SY/SY/wxsb80.png" align="center" /></a>
											<a href="#">小米无线鼠标</a</li>
									</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/bjbcdq80.jpg" align="center" /></a>
												<a href="#">USB-C电源适配器</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/xmsbd80.jpg" align="center" /></a>
												<a href="#">鼠标垫</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/usbzjqggg80.jpg" align="center" /></a>
												<a href="#">USB-C转接器</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/neidanbao80.jpg" align="center" /></a>
												<a href="#">小米笔记本内胆包</a>
											</li>
										</ul>
									</li>
							</ul>
						</div>
						</li>
						<li>
							<a href="#">电视</a>
							<a href="#">盒子</a><span><strong>></strong></span>
							<div class="subleftnav3 subleftnav">
								<ul>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/xp80_43.jpg" align="center" /></a>
												<a href="#">小米电视4A 43英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/018080.png" align="center" /></a>
												<a href="#">小米电视3s 60英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/hezizengqiangban80side.jpg" align="center" /></a>
												<a href="#">小米盒子3 增强版</a>
											</li>
										</ul>
									</li>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/xp80_49.jpg" align="center" /></a>
												<a href="#">小米电视4A 49英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/653s80.png" align="center" /></a>
												<a href="#">小米电视3s 65英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/diyinpao.jpg" align="center" /></a>
												<a href="#">小米炮</a>
											</li>
										</ul>

									</li>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/xp80_55.jpg" align="center" /></a>
												<a href="#">小米电视4A 55英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/6580side.jpg" align="center" /></a>
												<a href="#">小米电视3S 65英寸 曲面</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/80x80.jpg" align="center" /></a>
												<a href="#">家庭音响</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/xp80_65.jpg" align="center" /></a>
												<a href="#">小米电视4A 65英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/tv70.png" align="center" /></a>
												<a href="#">小米电视3 70英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/dianshipeijian.jpg" align="center" /></a>
												<a href="#">电视盒子配件</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/mitv3s48.jpg" align="center" /></a>
												<a href="#">小米电视3s 48英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/hezi80-80.jpg" align="center" /></a>
												<a href="#">小米盒子3s</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/553s80.png" align="center" /></a>
												<a href="#">小米电视3s 65英寸</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/hezi80-80.jpg" align="center" /></a>
												<a href="#">小米盒子3c</a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="#">路由器</a>
							<a href="#">智能硬件</a><span><strong>></strong></span>
							<div class="subleftnav4 subleftnav">
								<ul>
									<li>
										<ul>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/jiqiren.jpg" align="center" /></a>
												<a href="#">米家扫地机器人及配件</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/czjhq80.jpg" align="center" /></a>
												<a href="#">米家车载空气净化器</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/xueyaji-80.jpg" align="center" /></a>
												<a href="#">血压计</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/scale.jpg" align="center" /></a>
												<a href="#">体重秤/体脂秤</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/VRPLAY2.png" align="center" /></a>
												<a href="#">小米VR眼镜</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/dianhuashoubiao80.jpg" align="center" /></a>
												<a href="#">手表</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/jiqiren80.jpg" align="center" /></a>
												<a href="#">米兔积木机器人及配件</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/huabanche80.jpg" align="center" /></a>
												<a href="#">电动滑板车</a>
											</li>
										</ul>

									</li>
									<li>
										<ul>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/luyouqi-80.jpg" align="center" /></a>
												<a href="#">小米路由器</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/dianfanbao-80.jpg" align="center" /></a>
												<a href="#">米家智能电饭煲</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/zhinengdeng-80.jpg" align="center" /></a>
												<a href="#">智能灯</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/wurenji80.jpg" align="center" /></a>
												<a href="#">小米无人机</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/scooter.jpg" align="center" /></a>
												<a href="#">九号平衡车</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/xiaobai80.jpg" align="center" /></a>
												<a href="#">智能摄像机/相机/微单</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/gushiji80.jpg" align="center" /></a>
												<a href="#">米兔智能故事机</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/jly80.jpg" align="center" /></a>
												<a href="#">米家行车记录仪</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/zxc80-80.jpg" align="center" /></a>
												<a href="#">电助力折叠自行车</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/jinghuaqilvxin80.jpg" align="center" /></a>
												<a href="#">净化器及滤芯</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/zhinengjiatingtaozhuang-80.jpg" align="center" /></a>
												<a href="#">智能家庭组合</a>
											</li>
											<li class="shangpin22">
												<a href="#"><img src="img/SY/SY/djj80.jpg" align="center" /></a>
												<a href="#">小米米家对讲机</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/shuihu80.jpg" align="center" /></a>
												<a href="#">米家恒温电水壶</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/jingshuiqiandlvxin-80.jpg" align="center" /></a>
												<a href="#">净水器及滤芯</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/shouhuan280.jpg" align="center" /></a>
												<a href="#">手环及配件</a>
											</li>
											<li class="shangpin2">
												<a href="#"><img src="img/SY/SY/znyjdaohang.jpg" align="center" /></a>
												<a href="#">全部智能硬件</a>
											</li>
										</ul>
									</li>
								</ul>

							</div>
						</li>
						<li>
							<a href="#">移动电源</a>
							<a href="#">电池</a>
							<a href="#">插线板</a><span><strong>></strong></span>
							<div class="subleftnav5 subleftnav">
								<ul>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/dianyuan280.jpg" align="center" /></a>
												<a href="#">小米移动电源</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/7Battery1.jpg" align="center" /></a>
												<a href="#">彩虹7号电池</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/c1xb343.jpg" align="center" /></a>
												<a href="#">插线板</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/yidongdianyuan.jpg" align="center" /></a>
												<a href="#">品牌移动电源</a>
											</li>

										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/dianyuanfujian.jpg" align="center" /></a>
												<a href="#">移动电源附件</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/chongdianqi-80.jpg" align="center" /></a>
												<a href="#">充电器</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/5Battery1.jpg" align="center" /></a>
												<a href="#">彩虹5号电池</a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="#">耳机</a>
							<a href="#">音箱</a><span><strong>></strong></span>
							<div class="subleftnav6 subleftnav">
								<ul>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/toudai80.jpg" align="center" /></a>
												<a href="#">小米头戴耳机</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/bluetoothheadset.jpg" align="center" /></a>
												<a href="#">小米蓝牙耳机</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/SY/diyinpao.jpg" align="center" /></a>
												<a href="#">小钢音炮音响2</a>
											</li>
										</ul>
									</li>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/tdsqs80.jpg" align="center" /></a>
												<a href="#">头戴式耳机轻松版</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/yundong80.jpg" align="center" /></a>
												<a href="#">小米运动蓝牙耳机</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/fhzlyyx80.jpg" align="center" /></a>
												<a href="#">小米方盒子蓝牙音响2</a>
											</li>
										</ul>

									</li>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/qtpro80.jpg" align="center" /></a>
												<a href="#">小米圈铁耳机Pro</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/pinpai80.jpg" align="center" /></a>
												<a href="#">品牌耳机</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/naozhong80.jpg" align="center" /></a>
												<a href="#">小米音响闹钟</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/quantie.jpg" align="center" /></a>
												<a href="#">小米铁圈耳机</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/fhzlyyx80.jpg" align="center" /></a>
												<a href="#">小米网络音响</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/mituyinx80.jpg" align="center" /></a>
												<a href="#">小米米兔音响</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/jiaonang80.jpg" align="center" /></a>
												<a href="#">小米胶囊耳机</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/pocketaudio.png" align="center" /></a>
												<a href="#">小米蓝牙音响</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/chechong1.jpg" align="center" /></a>
												<a href="#">音乐蓝牙车充</a>
											</li>
										</ul>
									</li>
									<div style="clear: both;"></div>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/huosai1.jpg" align="center" /></a>
												<a href="#">小米活塞耳机清新版</a>
											</li>
											<li class="shangpin">
												<a href="#"><img src="img/SY/suishen-80.jpg" align="center" /></a>
												<a href="#">小米随身蓝牙音响</a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="#">保护套</a>
							<a href="#">贴膜</a><span><strong>></strong></span>
							<div class="subleftnav7 subleftnav">
								<ul>
									<li>
										<ul>
											<li class="shangpin">
												<a href="#"><img src="img/SY/tiemo.jpg" align="center" /></a>
												<a href="#">贴膜</a>
										</ul>
										</li>
										<div style="clear: both;"></div>
										<li>
											<ul>
												<li class="shangpin">
													<a href="#"><img src="img/SY/baohu.jpg" align="center" /></a>
													<a href="#">保护套/保护壳 </a>
												</li>
											</ul>
										</li>
								</ul>
							</div>
							</li>
							<li>
								<a href="#">线材</a>
								<a href="#">支架</a>
								<a href="#">存储卡</a><span><strong>></strong></span>
								<div class="subleftnav8 subleftnav">
									<ul>
										<li>
											<ul>
												<li class="shangpin">
													<a href="#"><img src="img/SY/xiancai.jpg" align="center" /></a>
													<a href="#">线材</a>
											</ul>
											</li>
											<div style="clear: both;"></div>
											<li>
												<ul>
													<li class="shangpin">
														<a href="#"><img src="img/SY/zipaigan.jpg" align="center" /></a>
														<a href="#">自拍杆</a>
													</li>
												</ul>
											</li>
											<div style="clear: both;"></div>
											<li>
												<ul>
													<li class="shangpin">
														<a href="#"><img src="img/SY/zhijia.jpg" align="center" /></a>
														<a href="#">手机支架</a>
													</li>
												</ul>
											</li>
											<div style="clear: both;"></div>
											<li>
												<ul>
													<li class="shangpin">
														<a href="#"><img src="img/SY/cunchu.jpg" align="center" /></a>
														<a href="#">存储卡</a>
													</li>
												</ul>
											</li>
									</ul>
								</div>
								</li>
								<li>
									<a href="#">箱包</a>
									<a href="#">服饰</a>
									<a href="#">鞋</a>
									<a href="#">眼镜</a><span><strong>></strong></span>
									<div class="subleftnav9 subleftnav">
										<ul>
											<li>
												<ul>
													<li class="shangpin">
														<a href="#"><img src="img/SY/xiangbao-80.jpg" align="center" /></a>
														<a href="#">箱包</a>
												</ul>
												</li>
												<div style="clear: both;"></div>
												<li>
													<ul>
														<li class="shangpin">
															<a href="#"><img src="img/SY/lvxingxiang.jpg" align="center" /></a>
															<a href="#">90分旅行箱</a>
														</li>
													</ul>
												</li>
												<div style="clear: both;"></div>
												<li>
													<ul>
														<li class="shangpin">
															<a href="#"><img src="img/SY/huise2-80.jpg" align="center" /></a>
															<a href="#">服饰</a>
														</li>
													</ul>
												</li>
												<div style="clear: both;"></div>
												<li>
													<ul>
														<li class="shangpin">
															<a href="#"><img src="img/SY/ydx80.jpg" align="center" /></a>
															<a href="#">米家运动鞋 智能版</a>
														</li>
													</ul>
												</li>
												<li>
													<ul>
														<li class="shangpin">
															<a href="#"><img src="img/SY/tyj80.jpg" align="center" /></a>
															<a href="#">TS尼龙偏光太阳镜</a>
													</ul>
													</li>
										</ul>
									</div>
									</li>
									<li>
										<a href="#">米兔</a>
										<a href="#">生活周边</a><span><strong>></strong></span>
										<div class="subleftnav10 subleftnav">
											<ul>
												<li>
													<ul>
														<li class="shangpin">
															<a href="#"><img src="img/SY/mitu-80.jpg" align="center" /></a>
															<a href="#">米兔玩偶</a>
													</ul>
													</li>
													<div style="clear: both;"></div>
													<li>
														<ul>
															<li class="shangpin">
																<a href="#"><img src="img/SY/zhoubian1.jpg" align="center" /></a>
																<a href="#">生活周</a>
															</li>
														</ul>
													</li>
													<li>
														<ul>
															<li class="shangpin">
																<a href="#"><img src="img/SY/zazhi1021-80.jpg" align="center" /></a>
																<a href="#">《小米》会刊</a>
															</li>
														</ul>
													</li>
													<div style="clear: both;"></div>
													<li>
														<ul>
															<li class="shangpin">
																<a href="#"><img src="img/SY/mj80.jpg" align="center" /></a>
																<a href="#">毛巾/浴巾</a>
															</li>
														</ul>
													</li>
													<div style="clear: both;"></div>
													<li>
														<ul>
															<li class="shangpin">
																<a href="#"><img src="img/SY/rjcd80.jpg" align="center" /></a>
																<a href="#">8H乳胶床品</a>
															</li>
														</ul>
													</li>
											</ul>
										</div>
										</li>
				</ul>
			</div>
			<ul>
				<li>
					<a href="#">首页</a>
				</li>
				<li style="margin: 0px 5px;">></li>
				<li>
					<a href="#">全部结果</a>
				</li>
				<li style="margin: 0px 5px;">></li>
				<li>
					<a href="#">耳机</a>
				</li>
			</ul>
		</div>
		<div id="body">
			<div class="product">
				<div class="class">
					<ul>
						<li style="margin-right: 0px;color:#B0B0B0 ;">分类：</li>
						<li style="margin-right: 60px;color: #FF6700;">全部</li>
						<li>
							<a href="#">小米头戴式耳机</a>
						</li>
						<li>
							<a href="#">小米圈铁耳机</a>
						</li>
						<li>
							<a href="#">小米活塞耳机</a>
						</li>
						<li>
							<a href="#">小米蓝牙耳机</a>
						</li>
						<li>
							<a href="#">配件优惠套餐</a>
						</li>
						<li onclick="showmore('more1')">
							<span style="margin: 0px 0px 0px 30px;cursor: pointer;">更多</span><img src="img/search/arrow.png" alt=""align="center"/>
						</li>
					</ul>
					<ul id="more1">
						<li><a href="#">品牌耳机</a></li>
						<li><a href="#">音箱</a></li>
						<li><a href="#">小米胶囊耳机</a></li>
						<li><a href="#">降噪耳机</a></li>
					</ul>
				</div>
				<div class="class">
					<ul>
						<li style="margin-right: 0px;color:#B0B0B0 ;">机型：</li>
						<li style="margin-right: 60px;color: #FF6700;">全部</li>
						<li>
							<a href="#">红米4x</a>
						</li>
						<li>
							<a href="#">小米Note2</a>
						</li>
						<li>
							<a href="#">小米MIX</a>
						</li>
						<li>
							<a href="#">红米Note4X</a>
						</li>
						<li>
							<a href="#">小米5s</a>
						</li>
						<li onclick="showmore('more2')">
							<span  style="margin: 0px 0px 0px 30px;cursor: pointer;">更多</span><img src="img/search/arrow.png" alt=""align="center"/>
						</li>
					</ul>
					<div id="more2">
						<ul>
						<li><a href="#">小米5S</a></li>
						<li><a href="#">小米5S Plus</a></li>
						<li><a href="#">小米Max</a></li>
						<li><a href="#">小米手机5</a></li>
						<li><a href="#">红米4</a></li>
						<li><a href="#">小米手机5</a></li>
						</ul>
						<ul>
						<li><a href="#">红米4A</a></li>
						<li><a href="#">小米平板3</a></li>
						<li><a href="#">红米Note4</a></li>
						<li><a href="#">红米Pro</a></li>
						<li><a href="#">红米Note3</a></li>
						<li><a href="#">红米手机3S</a></li>
						</ul>
						<ul>
						<li><a href="#">红米手机3高配版</a></li>
						<li><a href="#">红米手机3标准版</a></li>
						<li><a href="#">小米平板2</a></li>
						<li><a href="#">小米Note</a></li>
						<li><a href="#">小米手机4c</a></li>
						<li><a href="#">红米Note 2</a></li>
						</ul>
						<ul>
						<li><a href="#">小米手机4</a></li>
						<li><a href="#">红米Note/增强版</a></li>
						<li><a href="#">红米2A</a></li>
						<li><a href="#">小米手机3</a></li>
						<li><a href="#">红米手机2</a></li>
						<li><a href="#">红米手机</a></li>
						</ul>
						<ul>
						<li><a href="#">小米手机2/2S</a></li>
						<li><a href="#">小米平板</a></li>
						<li><a href="#">小米手机2A</a></li>
						<li><a href="#">小米手机1/1S</a></li>
						</ul>
					</div>
				</div>
				<div class="class" style="border-bottom: 0px;">
					<ul>
						<li style="margin-right: 0px;color:#B0B0B0 ;">品牌：</li>
						<li style="margin-right: 60px;color: #FF6700;">全部</li>
						<li>
							<a href="#">小米</a>
						</li>
						<li>
							<a href="#">第三方品牌</a>
						</li>
						<li>
							<a href="#">1MORE</a>
						</li>
					</ul>
				</div>
			</div>
			<div id="nav-title">
				<ul class="fl">
					<li>
						<a href="#" style="color: #FF6700;">推荐</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">新品</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">价格</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">评论最多</a>
					</li>
				</ul>
				<ul class="fr">
					<li><i></i>
						<a href="#">查看评论</a>
					</li>
					<li><i></i>
						<a href="#">仅显示特惠商品</a>
					</li>
					<li><i></i>
						<a href="#">仅显示有货商品</a>
					</li>
				</ul>
			</div>
			<div id="productlist">
				<ul>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/search/pms_1467184989.74561304!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">小米圈铁耳机 银色</a>
						</p>
						<p class="price">99元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1467184989.74561304!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/search/T1ycK_BjYv1RXrhCrK!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">小米圈铁耳机 金色</a>
						</p>
						<p class="price">99元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/T1ycK_BjYv1RXrhCrK!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/search/T1SkV_BCd_1RXrhCrK!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">小米胶囊耳机 黑色</a>
						</p>
						<p class="price">69元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/T1SkV_BCd_1RXrhCrK!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/T1T2AjBybv1RXrhCrK!200x200.jpg" id="bigimg1" />
							<img src="img/search/T1ZdhjByxv1RXrhCrK!200x200.jpg" id="bigimg2" />
							<img src="img/search/T1NGKjBbCT1RXrhCrK!200x200.jpg" id="bigimg3" />
						</div>
						<p class="name">
							<a href="#">小米圈铁耳机 银色</a>
						</p>
						<p class="price">99元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg1')" style="border: 1px solid #FF6700;">
									<img src="img/search/T1T2AjBybv1RXrhCrK!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg2')">
									<img src="img/search/T1ZdhjByxv1RXrhCrK!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg3')">
									<img src="img/search/T1NGKjBbCT1RXrhCrK!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1464592109.19494450!200x200.jpg" class="bigimg1" />
						</div>
						<p class="name">
							<a href="#">1MORE三单元圈铁耳机</a>
						</p>
						<p class="price">599元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1464592109.19494450!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1499075844.16556443!200x200.jpg" id="bigimg4" />
							<img src="img/search/pms_1499163003.04997275!200x200.jpg" id="bigimg5" />
						</div>
						<p class="name">
							<a href="#">小米蓝牙耳机青春版套装</a>
						</p>
						<p class="price">99元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg4')" style="border: 1px solid #FF6700;">
									<img src="img/search/pms_1499075844.16556443!34x34.jpg" />
							</span>
							<span onmouseover="show(this,'bigimg5')">
									<img src="img/search/pms_1499163003.04997275!34x34.jpg"/>
							</span>
						</div>
						<div class="msg">
							新品上架
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1499077951.43466861!200x200.jpg" id="bigimg6" />
							<img src="img/search/pms_1499090388.20339339!200x200.jpg" id="bigimg7" />
						</div>
						<p class="name">
							<a href="#">小米蓝牙耳机充电座</a>
						</p>
						<p class="price">49元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg6')" style="border: 1px solid #FF6700;">
									<img src="img/search/pms_1499077951.43466861!34x34.jpg" />
							</span>
							<span onmouseover="show(this,'bigimg7')">
									<img src="img/search/pms_1499090388.20339339!34x34.jpg"/>
							</span>
						</div>
						<div class="msg">
							新品上架
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1498559046.2058129!200x200.jpg" class="bigimg1" />
						</div>
						<p class="name">
							<a href="#">视听装备</a>
						</p>
						<p class="price">4938元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1498559046.2058129!34x34.jpg"/>
							</span>
						</div>
						<div class="msg" style="background-color: #E53935;">
							9.6折促销
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/search/pms_1498563490.28526332!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">户外出行</a>
						</p>
						<p class="price">726元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1498563490.28526332!34x34.jpg"/>
							</span>
						</div>
						<div class="msg" style="background-color: #E53935;">
							9.6折促销
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/search/pms_1499161620.42031583!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">小米蓝牙音频接收机</a>
						</p>
						<p class="price">99元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1499161620.42031583!34x34.jpg"/>
							</span>
						</div>
						<div class="msg">
							新品上架
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1482321199.12589253!200x200.jpg" id="bigimg8" />
							<img src="img/search/pms_1482321205.78014235!200x200.jpg" id="bigimg9" />
							<img src="img/search/pms_1482321209.75977825!200x200.jpg" id="bigimg10" />
							<img src="img/search/pms_1482321212.47485716!200x200.jpg" id="bigimg11" />
							<img src="img/search/pms_1482321218.65298411!200x200.jpg" id="bigimg12" />
						</div>
						<p class="name">
							<a href="#">小米胶囊耳机 黑色</a>
						</p>
						<p class="price">29元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg8')"style="border: 1px solid #FF6700;">
									<img src="img/search/pms_1482321199.12589253!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg9')">
									<img src="img/search/pms_1482321205.78014235!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg10')">
									<img src="img/search/pms_1482321209.75977825!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg11')">
									<img src="img/search/pms_1482321212.47485716!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg12')">
									<img src="img/search/pms_1482321218.65298411!34x34.jpg"/>
							</span>

						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1477020337.09961854!200x200.jpg" id="bigimg13" />
							<img src="img/search/pms_1479437571.19249234!200x200.jpg" id="bigimg14" />
						</div>
						<p class="name">
							<a href="#">1MORE金澈耳机</a>
						</p>
						<p class="price">99元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg13')" style="border: 1px solid #FF6700;">
									<img src="img/search/pms_1477020337.09961854!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg14')">
									<img src="img/search/pms_1479437571.19249234!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1482301662.61336109!200x200.jpg" id="bigimg15" />
							<img src="img/search/pms_1491038301.4798622!200x200.jpg" id="bigimg16" />
							<img src="img/search/pms_1491038304.22076633!200x200.jpg" id="bigimg17" />
						</div>
						<p class="name">
							<a href="#">小米头戴式耳机 轻松版</a>
						</p>
						<p class="price">199元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg15')">
									<img src="img/search/pms_1482301662.61336109!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg16')">
									<img src="img/search/pms_1491038301.4798622!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg17')">
									<img src="img/search/pms_1491038304.22076633!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/T1_FDjBmDT1RXrhCrK!200x200.jpg" id="bigimg18" />
							<img src="img/search/T1q3JgByVv1RXrhCrK!200x200.jpg" id="bigimg19" />
						</div>
						<p class="name">
							<a href="#">小米方盒子蓝牙音箱</a>
						</p>
						<p class="price">89元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg18')">
									<img src="img/search/T1_FDjBmDT1RXrhCrK!34x34.jpg"/>
							</span>
							<span onmouseover="show(this,'bigimg19')">
									<img src="img/search/T1q3JgByVv1RXrhCrK!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1478248721.42297795!200x200.jpg" id="bigimg20" />
							<img src="img/search/pms_1478248761.54944181!200x200.jpg" id="bigimg21" />
						</div>
						<p class="name">
							<a href="#">小米蓝牙耳机青春版</a>
						</p>
						<p class="price">49元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg20')" style="border: 1px solid #FF6700;">
									<img src="img/search/pms_1478248721.42297795!34x34.jpg" />
							</span>
							<span onmouseover="show(this,'bigimg21')">
									<img src="img/search/pms_1478248761.54944181!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<img src="img/search/pms_1476674302.67179007!200x200.jpg" id="bigimg22" />
							<img src="img/search/pms_1476674315.25528976!200x200.jpg" id="bigimg23" />
						</div>
						<p class="name">
							<a href="#">小米运动蓝牙耳机</a>
						</p>
						<p class="price">49元</p>
						<div class="littlepic">
							<span onmouseover="show(this,'bigimg22')" style="border: 1px solid #FF6700;">
									<img src="img/search/pms_1476674302.67179007!34x34.jpg" />
							</span>
							<span onmouseover="show(this,'bigimg23')">
									<img src="img/search/pms_1476674315.25528976!34x34.jpg"/>
							</span>
						</div>
						<div class="msg" style="background-color: #FFAC13;">
							包邮
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/searchtwo/pms_1480385131.13482423!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">1MORE头戴式耳机</a>
						</p>
						<p class="price">299元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1480385131.13482423!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/searchtwo/pms_1478510064.36397738!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">小米圈铁耳机Pro 银色</a>
						</p>
						<p class="price">149元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1478510064.36397738!34x34.jpg"/>
							</span>
						</div>
						<div class="msg" style="background-color: #FFAC13;">
							包邮
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/searchtwo/pms_1492587658.23552969!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">小米降噪耳机Type-C 白色</a>
						</p>
						<p class="price">299元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1492587658.23552969!34x34.jpg"/>
							</span>
						</div>
					</li>
					<li>
						<div class="like">
							<img src="img/search/love.png" class="fl" />
							<div class="imghover fr">
								<span id="cart">加入购物车</span><img src="img/search/cart.png" align="center" />
							</div>
						</div>
						<div style="clear: both;"></div>
						<div class="bigimg">
							<a href="#"><img src="img/searchtwo/pms_1465971824.88567693!200x200.jpg" class="bigimg1" /></a>
						</div>
						<p class="name">
							<a href="#">Haylou H1运动音乐蓝牙耳机</a>
						</p>
						<p class="price">149元</p>
						<div class="littlepic">
							<span>
									<img src="img/search/pms_1465971824.88567693!34x34.jpg"/>
							</span>
						</div>
					</li>
				</ul>
			</div>
			<div id="tuijiantab">
				<table border="0" cellspacing="0" cellpadding="0" width="100%">
					<tr>
						<td>
							<hr width="373px" color="#E0E0E0" size="1" />
						</td>
						<td>为你推荐</td>
						<td align="right">
							<hr width="373px" color="#E0E0E0" size="1" />
						</td>
					</tr>
				</table>
				<div class="tuijian">
					<div class="ullist">
						<ul id="tuijianlist">
							<li>
								<a href="#"><img src="img/search/pms_1469583247.6157588.jpg" /></a>
								<p>
									<a href="#">小米笔记本Air 13.3英寸</a>
								</p>
								<p class="tuiprice">4999元</p>
								<p class="remark">1.1万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1474859997.10825620.jpg" /></a>
								<p>
									<a href="#">小米手环2</a>
								</p>
								<p class="tuiprice">149元</p>
								<p class="remark">17万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1490949492.24196486.jpg" /></a>
								<p>
									<a href="#">米家运动鞋(职能版)男款</a>
								</p>
								<p class="tuiprice">249元</p>
								<p class="remark">1.3万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1487824962.01314237.jpg" /></a>
								<p>
									<a href="#">小米无人机4K版套装</a>
								</p>
								<p class="tuiprice">2999元</p>
								<p class="remark">488人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1472609961.95298675.jpg" /></a>
								<p>
									<a href="#">米家扫地机器人</a>
								</p>
								<p class="tuiprice">1699元</p>
								<p class="remark">1.1万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1475052168.43877575.jpg" /></a>
								<p>
									<a href="#">小米电视3s 65英寸 影院版</a>
								</p>
								<p class="tuiprice">6499元</p>
								<p class="remark"></p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1477389928.07792706.jpg" /></a>
								<p>
									<a href="#">Amazifit运动手表</a>
								</p>
								<p class="tuiprice">799元</p>
								<p class="remark">5866人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/T1cvD_BQAv1RXrhCrK.jpg" /></a>
								<p>
									<a href="#">小米路由器3</a>
								</p>
								<p class="tuiprice">149元</p>
								<p class="remark">9.5万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1488338229.6467773.jpg" /></a>
								<p>
									<a href="#">米家行车记录仪</a>
								</p>
								<p class="tuiprice">349元</p>
								<p class="remark">6565人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1481507050.2285518.jpg" /></a>
								<p>
									<a href="#">小米米家电动滑板车</a>
								</p>
								<p class="tuiprice">1999元</p>
								<p class="remark">2206万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1468806372.46368911.jpg" /></a>
								<p>
									<a href="#">米家小白智能摄像机</a>
								</p>
								<p class="tuiprice">399元</p>
								<p class="remark">1万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1478678718.61531371.jpg" /></a>
								<p>
									<a href="#">米家IH电饭煲3L</a>
								</p>
								<p class="tuiprice">399元</p>
								<p class="remark">9683人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1488190122.83567909.jpg" /></a>
								<p>
									<a href="#">米家智能摄像机 1080P</a>
								</p>
								<p class="tuiprice">199元</p>
								<p class="remark">2744人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1476674302.67179007.jpg" /></a>
								<p>
									<a href="#">小米运动蓝牙耳机</a>
								</p>
								<p class="tuiprice">149元</p>
								<p class="remark">1.1万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1476688193.46995320.jpg" /></a>
								<p>
									<a href="#">10000mAh小米移动电源</a>
								</p>
								<p class="tuiprice">73元</p>
								<p class="remark">4.6万人好评</p>
							</li>

							<li>
								<a href="#"><img src="img/search/pms_1482816047.72829695.jpg" /></a>
								<p>
									<a href="#">20000mAh小米移动电源2</a>
								</p>
								<p class="tuiprice">149元</p>
								<p class="remark">1.8万人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1491314802.95852694.jpg" /></a>
								<p>
									<a href="#">小寻儿童电话手表 彩屏版</a>
								</p>
								<p class="tuiprice">199元</p>
								<p class="remark">3066人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1490666381.06634471.jpg" /></a>
								<p>
									<a href="#">小米路由器 HD</a>
								</p>
								<p class="tuiprice">1299元</p>
								<p class="remark">630人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1492398532.4835734.jpg" /></a>
								<p>
									<a href="#">小米VR眼镜PLAY2</a>
								</p>
								<p class="tuiprice">99元</p>
								<p class="remark">593人好评</p>
							</li>
							<li>
								<a href="#"><img src="img/search/pms_1496730880.16174470.jpg" /></a>
								<p>
									<a href="#">小蚁微单相机M1双镜头套机</a>
								</p>
								<p class="tuiprice">2999元</p>
								<p class="remark">498人好评</p>
							</li>
						</ul>
					</div>
					<div class="dianji">
						<i class="active">
				
			</i>
						<i></i>
						<i></i>
						<i></i>
					</div>
				</div>
			</div>

		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<div class="footer_1">
				<ul>
					<li class="li1">
						<a href="#">预约维修服务</a>
					</li>
					<li class="li2">
						<a href="#">7天无理由退货</a>
					</li>
					<li class="li3">
						<a href="#">15天免费换货</a>
					</li>
					<li class="li4">
						<a href="#">满150元包邮</a>
					</li>
					<li class="li5">
						<a href="#">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="footer_2">
				<dl>
					<dt><a href="#">帮助中心</a></dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<dl>

					<dt><a href="#">服务支持</a></dt>
					<dd>
						<a href="#">售后政策</a>
					</dd>
					<dd>
						<a href="#">自助服务</a>
					</dd>
					<dd>
						<a href="#">相关下载</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">线下门店</a></dt>
					<dd>
						<a href="#">小米之家</a>
					</dd>
					<dd>
						<a href="#">服务网点</a>
					</dd>
					<dd>
						<a href="#">零售网点</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">关于小米</a></dt>
					<dd>
						<a href="#">了解小米</a>
					</dd>
					<dd>
						<a href="#">加入小米</a>
					</dd>
					<dd>
						<a href="#">联系我们</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">关注我们</a></dt>
					<dd>
						<a href="#">新浪微博</a>
					</dd>
					<dd>
						<a href="#">小米部落</a>
					</dd>
					<dd>
						<a href="#">官方微博</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="#">特色服务</a></dt>
					<dd>
						<a href="#">F码通道</a>
					</dd>
					<dd>
						<a href="#">礼物码</a>
					</dd>
					<dd>
						<a href="#">防伪查询</a>
					</dd>
				</dl>
				<div class="phone fr">
					<p class="number">400-100-5678</p>
					<p>周一至周日 8:00-18:00</p>
					<p>（仅收市话费）</p>
					<p class="hourpic"></p>
				</div>
			</div>
		</div>
		<div class="bg">
			<div class="footer_3 ">
				<div class="fl"><img src="img/SY/logo.png" align="center" /></div>
				<div class="fl footer_4">
					<ul>
						<li>
							<a href="#">小米商城</a>|</li>
						<li>
							<a href="#">MIUI</a>|</li>
						<li>
							<a href="#">米聊</a>|</li>
						<li>
							<a href="#">多看书城</a>|</li>
						<li>
							<a href="#">小米路由器</a>|</li>
						<li>
							<a href="#">视频电话</a>|</li>
						<li>
							<a href="#">小米淘宝直营店</a>|</li>
						<li>
							<a href="#">小米网盟</a>|</li>
						<li>
							<a href="#">小米移动</a>|</li>
						<li>
							<a href="#">隐私政策</a>|</li>
						<li>
							<a href="#">Select Region</a>
						</li>
					</ul>
					<div style="clear: both;"></div>
					<p>
						<a href="#">&copy;mi.com</a>
						<a href="#">京ICP证110507号</a>
						<a href="#">京ICP备10046444号</a>
						<a href="#">京公网安备11010802020134号</a>
						<a href="#">京网文[2014]0059-0009号</a>
					</p>
					<p>违法和不良举报信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验测试</p>
				</div>
				<div class="fr">
					<img src="img/cart/truste.png" width="85px" />
					<img src="img/cart/v-logo-2.png" />
					<img src="img/cart/v-logo-1.png" />
					<img src="img/cart/v-logo-3.png" />
				</div>

			</div>
		</div>
		<script type="text/javascript">
			function closeproduct(){
				var uls=document.querySelectorAll("#titlehover ul");
				for(var i=0;i<uls.length;i++){
					uls[i].style.display="none";
				}
			}
			function showproduct(id){
				var uls=document.querySelectorAll("#titlehover ul");
				for(var i=0;i<uls.length;i++){
					uls[i].style.display="none";
				}
				var left = document.querySelector(".leftnav");
				left.style.display = "none";
				document.getElementById(id).style.display="block";
			}
			
			function shownav() {
				var left = document.querySelector(".leftnav");
				left.style.display = "block";
				var uls=document.querySelectorAll("#titlehover ul");
				for(var i=0;i<uls.length;i++){
					uls[i].style.display="none";
				}
			}

			function showclose() {
				var left = document.querySelector(".leftnav");
				left.style.display = "none";
			}

			function show(t, id) {
				var li = t.parentNode.parentNode;
				var bigimgs = li.children[2].children;
				for(var i = 0; i < bigimgs.length; i++) {
					bigimgs[i].style.display = "none";
				}
				var span = li.children[5].children;
				for(var i = 0; i < span.length; i++) {
					span[i].style.border = "1px solid #E0E0E0";
				}
				document.getElementById(id).style.display = "block";
				t.style.border = "1px solid #FF6700";
			}
			var ul = document.getElementById("tuijianlist");
			var is = document.querySelectorAll(".dianji i");
			for(var i = 0; i < is.length; i++) {
				is[i].setAttribute("index", i);
				is[i].addEventListener("click", function() {
					var left = parseFloat(document.defaultView.getComputedStyle(ul, null).left);

					if(this.getAttribute("index") == 1) {
						if(left == 0) {
							ul.style.animation = "move1 0.5s";
							ul.style.left = -1227 + "px";
						} else if(left = -3684) {
							ul.style.animation = "move4 0.5s";
							ul.style.left = -1227 + "px";
						} else if(left = -2454) {
							ul.style.animation = "move5 0.5s";
							ul.style.left = -1227 + "px";
						}
					} else if(this.getAttribute("index") == 2) {
						if(left == -1227) {
							ul.style.animation = "move2 0.5s";
							ul.style.left = -2454 + "px";
						} else if(left == 0) {
							ul.style.animation = "move7 0.5s";
							ul.style.left = -2454 + "px";
						} else if(left == -3681) {
							ul.style.animation = "move8 0.5s";
							ul.style.left = -2454 + "px";
						}
					} else if(this.getAttribute("index") == 3) {
						if(left == -2454) {
							ul.style.animation = "move3 0.5s";
							ul.style.left = -3681 + "px";
						} else if(left == 0) {
							ul.style.animation = "move9 0.5s";
							ul.style.left = -3681 + "px";
						} else if(left == -1227) {
							ul.style.animation = "move10 0.5s";
							ul.style.left = -3681 + "px";
						}
					} else if(this.getAttribute("index") == 0) {
						if(left == -1227) {
							ul.style.animation = "move11 0.5s";
							ul.style.left = 0 + "px";
						} else if(left == -2454) {
							ul.style.animation = "move12 0.5s";
							ul.style.left = 0 + "px";
						} else if(left == -3681) {
							ul.style.animation = "move13 0.5s";
							ul.style.left = 0 + "px";
						}
					}
					iactive(this.getAttribute("index"));
				});
			}

			function iactive(index) {
				for(var i = 0; i < is.length; i++) {
					is[i].removeAttribute("class");
				}
				is[index].className = "active";
			}
			function showmore(id){
				var more=document.getElementById(id);
				if(more.style.display=="block"){
					more.style.display="none";
				}
				else{
					more.style.display="block";
				}
			}
		</script>
	</body>

</html>